{template 'header'}
<!--主体部分-->
<div class="layout960 fn-clear mt10">
	<div class="bt_page">
		<div class="bt_smenuNew">
			<div class="bt_navigatev1New">
				<div>
					<a href="{SITE_URL}" target="_blank">讯都车网</a>&nbsp;&nbsp;&gt;
					<a href="{url('auto/index')}" target="_blank">车型库</a>&nbsp;&nbsp;&gt;
					车险
				</div>
			</div>
		</div>
	</div>
	<!--面包屑 end-->
	<!--主体部分-->
	<div class="layout960">
	<div class="main-head-blue fn-clear">
		<h2 class="fn-left">汽车车险</h2>
		{if !$_username}<p class="tips fn-left">您尚未登录，请您<a href="{url('member/login')}" title="登录">登录</a>后再参加报名</p>{/if}

	</div>
	<div class="main-body border fn-clear">
        <div class="w628 fn-left">
            <img src="{IMG_URL}auto/insurance.jpg" width="628" height="150" alt="汽车车险">
            <!--参与须知 start-->
            <div class="bd-bluetop wholesale-guide mt10">
                <div class="auto-rec-hd fn-clear">
                    <h3>报名须知</h3>
                </div>
                <div class="content">
                    <p>{$MOD[insurance_rule]}</p>
                </div>
            </div>
            <!--参与须知 end-->
            <!--保险公司报价 start-->
            <div id="auto-insure-list" class="auto-insure-list panel-grayhd mt10">
                <div class="hd fn-clear">
                    <h3>查看各保险公司报价</h3>
                </div>
                <!--平安车险-->
                <div class="insure-item bd mt10">
                    <div class="jsHd hd-bg-30 fn-clear">
                        <h3 class="fn-left pa">平安车险</h3>
                        <span>热线：95512</span>
                        <a class="fn-right" target="_blank" href="http://chexian.pingan.com/index.jsp?WT.mc_id=ec03-hzins-cpa-0405" title="获取报价">获取报价</a>
                    </div>
                    <div class="content">
                        <dl class="dl-dot">
                            <dd>快：万元以下，资料齐全，一天赔付；</dd><dd>合作修理点，无需先付款；</dd><dd>
	                            易：足不出户办理赔，提供“一袋式理赔服务”；</dd><dd>
	                            免：免费无限次非事故道路救援。</dd>
                        </dl>
                    </div>
                </div>
                <!--华泰车险-->
                <div class="insure-item bd mt10">
                    <div class="jsHd hd-bg-30 fn-clear">
                        <h3 class="fn-left ht">华泰车险</h3>
                        <span>热线：95509</span>
                        <a class="fn-right" target="_blank" href="http://shop.ehuatai.com/auto-insurance.html?utm_source=eht&utm_medium=hzins&utm_campaign=hzins&channel=huizewang" title="获取报价">获取报价</a>
                    </div>
                    <div class="content">
                        <dl class="dl-dot">
                            <dd>一站式理赔服务：专属私人理赔顾问，便捷无忧，轻松坐享高效服务； </dd><dd>
	                            道路救援服务：全国7×24小时救援。</dd>
                        </dl>
                    </div>
                </div>
                <!--太平洋车险-->
                <div class="insure-item bd mt10">
                    <div class="jsHd hd-bg-30 fn-clear">
                        <h3 class="fn-left cpic">太平洋车险</h3>
                        <span>热线：95500</span>
                        <a class="fn-right" target="_blank" href="http://www.cpic.com.cn/cpicweb/view/customer/personal/vehicle/SimpleChinaFastCalculationViewNew.jsp?bSource=02&source=31&sourceName=%E6%85%A7%E6%8B%A9%E7%BD%91%E5%BF%AB%E9%80%9F%E6%8A%A5%E4%BB%B7" title="获取报价">获取报价</a>
                    </div>
                    <div class="content">
                        <dl class="dl-dot">
	                        <dd>一地投保全国通赔，单证齐全即可当地理赔； </dd>
	                        <dd>365天客服全方位服务；    </dd><dd>DIY定制套餐，车险价格自己做主；</dd>
	                        <dd>网上续保价格更省15%；   </dd><dd> 太保专属特色蓝色护航。</dd>
                        </dl>
                    </div>
                </div>
                <!--大地车险-->
                <div class="insure-item bd mt10">
                    <div class="jsHd hd-bg-30 fn-clear">
                        <h3 class="fn-left cc">大地车险</h3>
                        <span>热线：95590</span>
                        <a class="fn-right" target="_blank" href="http://www.95590.cn/ebiz/view/onlineMarketing/omBaseInfo.jsp?utm_source=hzins&utm_medium=b2b2c&utm_campaign=picture" title="获取报价">获取报价</a>
                    </div>
                    <div class="content">
                        <dl class="dl-dot">
                            <dd>快：48小时内免费送单上门； </dd>
	                        <dd>免：免费享受非事故道路救援无限次； </dd>
	                        <dd>优：网销客户专享理赔三优先。</dd>

                        </dl>
                    </div>
                </div>
                <!--人保车险-->
                <div class="insure-item bd mt10">
                    <div class="jsHd hd-bg-30 fn-clear">
                        <h3 class="fn-left picc">人保车险</h3>
                        <span>热线：95518</span>
                        <a class="fn-right" target="_blank" href="http://www.epicc.com.cn/chexian/2013autumn/index.html?cmpid=hzins&utm_source=hzins" title="获取报价">获取报价</a>
                    </div>
                    <div class="content">
                        <dl class="dl-dot">
                            <dd>服务贴心：车险管家专属服务；    投保放心：保单信息自助查询； <br>
	                            理赔舒心：理赔流程在线跟踪；    报案省心：7天×24小时受理报案；<br>
	                            享受人保车险专属赔偿服务。</dd>
                        </dl>
                    </div>
                </div>
            </div>
            <!--保险公司报价 end-->
            <form id="insurance-form" method="post" name="form"  action="{url('auto/insurance')}">
            <div class="auto-insure-type panel-grayhd mt10">
                <div class="hd fn-clear"><h3>请选择购买汽车保险种类</h3></div>
                <h4>强制保险</h4>
                <ul class="auto-ins-list fn-clear">
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" checked disabled /><span class="cred">* </span><span>交强险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[jiaoqiangxian]}">
                    </li>
                </ul>
                <h4>商业保险</h4>
                <ul id="J_BInsurance" class="auto-ins-list fn-clear">
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="第三者责任险" /> <span>第三者责任险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[disanzhezerenxian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="车辆损失险" /> <span>车辆损失险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[cheliangsunshixian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="全车盗抢险" /> <span>全车盗抢险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[quanchedaoqiangxian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="玻璃单独破碎险" /> <span>玻璃单独破碎险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[bolidanduposuixian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="不计免赔特约险" /> <span>不计免赔特约险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[bujimianpeiteyuexian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="自然损失险" /> <span>自然损失险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[ziransunshixian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="无过责任险" /> <span>无过责任险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[wuguozerenxian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="车上人员责任险" /> <span>车上人员责任险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[cheshangrenyuanzerenxian]}">
                    </li>
                    <li class="fn-clear">
                        <label class="fn-left"><input class="fn-left" type="checkbox" name="checkbox[]" value="车身划痕险" /> <span>车身划痕险</span></label>
                        <a class="icon-help-xd fn-right" href="javascript:void(0)" title="点击查看该险种注释"></a>
                        <input type="hidden" value="{$MOD[cheshenhuashangxian]}">
                    </li>
                </ul>
                <div id="dialog" class="easyui-dialog" data-options="closed:'true'"><p class="c666" style="margin: 10px; text-indent: 2em;"></p></div>
            </div>
            <div class="panel-grayhd wholesale-form">
                <div class="hd fn-clear">
                    <h3>请输入您的报名资料</h3>
                </div>
                <table id="insurance-ftb" class="content">
                    <tr>
                        <th width="100">您的姓名：</th><td width="500"><input type="text" size="30" title="请务必填写真实姓名" name="post[contact_name]"/> 请务必填写真实姓名</td>
                    </tr>
                    <tr>
                        <th>您的手机：</th><td><input id="mobile" type="text" size="30" title="请务必正确填写手机号码" name="post[contact_telephone]" /> 请务必正确填写手机号码</td>
                    </tr>
                    <tr>
                        <th>您的地址：</th><td><input type="text" size="30" title="请填写您的大概位置，方便我们为您服务" name="post[contact_address]" /> 请填写您的大概位置，方便我们为您服务</td>
                    </tr>
                    <tr>
                        <th>驾驶车型：</th><td><input type="text" size="30" title="请填写爱车信息" name="post[model_name]"/> 请填写爱车信息</td>
                    </tr>

	                <tr>
		                <th>购买时间：</th><td>{Post::calender('post[buy_time]', $buy_time, 'width:185')} 请选择准确的购车时间</td>
	                </tr>
	                <tr>
		                <th>车险到期时间：</th><td>{Post::calender('post[close_time]', $close_time, 'width:185')} 请选择准确的车险到期时间</td>
	                </tr>
                    <tr>
                        <th>已知优惠：</th><td><input type="text" size="30" title="请填写已知优惠" name="post[clrar_preferential]" /> 请填写您已知车险最高优惠</td>
                    </tr>
                    <tr>
                        <th>报名单位：</th><td><input type="text" size="30" title="请填写给您报价的保险公司名称" name="post[quotation_company]" /> 请填写给您报价的保险公司名称</td>
                    </tr>
                    <tr>
                        <th>其他说明：</th><td><textarea  id="other-intro" name="post[remark]">例如：您上年度的车险理赔情况，以及是否有汽车事故情况</textarea></td>
                    </tr>
	                <tr></tr>
	                <tr><th></th></tr>

                </table>
                <p class="wholesale-tips">持有讯都车主金卡，您可获得最低价车险优惠购买再返现60元！</p>
                <p class="t-center">
                    <button id="wholesale-sbt" class="main-log-btn" type="submit" name="submit">我要报名</button>
                    <a class="main-log-btn" href="{url('owncard/index')}" title="讯都车主金卡" >讯都车主金卡</a>
                </p>
            </div>
        </form>
        </div>
        <div class="w300 fn-right">
            <iframe src="{SITE_URL}extend/fragment.php?modules=insurance&psize=10"  scrolling="no" frameborder="0" height="303"></iframe>
            <iframe src="{SITE_URL}extend/fragment.php?modules=quote&psize=10&city_order={$city_order}"  scrolling="no" frameborder="0" height="303"></iframe>
            <iframe src="{SITE_URL}extend/fragment.php?modules=BBS"  scrolling="no" frameborder="0" height='303'></iframe>
        </div>
	</div>
	</div>
	<script>
		seajs.use(['$','lm-util','easyui','easyui-css','easyui-icon-css'],function($,util){
            var len = $("#auto-insure-list").find(".jsHd").length,isOpen = [];
            for(var i = 0; i<len; i++){
                isOpen[i] = false;
            }
            $("#auto-insure-list").find(".jsHd").each(function(index){
                //保险百叶窗效果
                $(this).click(function(e) {
                    var $subMenu =  $("#auto-insure-list").find(".content").eq(index);
                    if(isOpen[index]){
                        $subMenu.slideUp();
                        isOpen[index] = false;
                    }else{
                        $subMenu.slideDown().parents(".insure-item").siblings('.insure-item').children(".content").slideUp();
                        for(var i=0;i<len; i++){
                            if(i==index){isOpen[i] = true;}
                            else{isOpen[i] = false;}
                        }
                    }
                });
            });
            //保险说明
            $(".auto-ins-list").find(".icon-help-xd").each(function(){
                var content = $(this).siblings("input").val(),
                        title = $(this).siblings("label").children("span:last").text();
                $(this).click(function(){
                    $('#dialog p').html(content);
                    $("#dialog").dialog({
                        title:title,
                        closed:false,
                        modal:true,
                        width: 450
                    });
                });
            });

            util.monitorNull("#other-intro")
            $(".datebox :text").attr("readonly","readonly");
			$("#wholesale-sbt").click(function(){
				$('#insurance-ftb input[title]:not(.combo-text)').each(function(){
					var title = $(this).attr("title");
					$(this).validatebox({
                        required:true,
						missingMessage:title
					});
				});
                $(".combo-text").validatebox({
                    required:true
                });
				$('#mobile').validatebox({
					validType:'mobile["value"]',
					missingMessage:'请输入您的手机号码'
				});
				<!--{if $_username}-->
				$('#insurance-form').on('submit', function(){
                    var insuranceNum = $("#J_BInsurance").find("input[name='checkbox[]']:checked").length;
                    if(insuranceNum <=0 ){
                        $(document).scrollTop($("#J_BInsurance").offset().top-100);
                        util.showTip({type:"error",message:"至少要选择一种商业保险！"});
                        return false;
                    }
					return $("#insurance-form").form('validate');
				});
				<!--{/if}-->
		});
	});
	</script>
	<!--主体部分end-->
	{template 'footer'}